/*首页*/
.i_pro_bg2{ background-color:#f2f2f2; overflow:hidden;}
.i_pro_t{ height:90px; overflow:hidden; line-height:90px; text-align:center; background:url(../images/i_bg1.jpg) center bottom no-repeat; font-size:42px; color:#333333; letter-spacing:5px; margin-bottom:2%; margin-top:2%;}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/

/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top:20px;text-align: center;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:38px; height:74px;/*IE7 life-saver*/ text-indent:40px; margin-top:-16%; z-index:9; position:relative; overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/i_pro_left.png) no-repeat; float:left;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/i_pro_left_on.png) no-repeat;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/i_pro_right.png) no-repeat; float:right;}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/i_pro_right_on.png) no-repeat; }
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;}
.owl-theme .owl-controls .owl-page span{display: block;width: 16px;height: 16px;margin: 5px 7px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background:url(../images/i_bg3.png) no-repeat;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background:url(../images/i_bg4.png) no-repeat;}
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
.owl-item.loading{min-height: 150px;background: url(../images/ajaxloader.gif) no-repeat center center}
#owl-demo{ padding-bottom:3%;}
#owl-demo .item{margin: 0.5px;position:relative;height:350px;/* margin-top:50px;*/}
#owl-demo .item img{/*display: block;*/height: 100%;width: 100%;transition: all 0.3s;}
#owl-demo .item .bg-list-img{ position:absolute; bottom:49px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; width:100%;}
#owl-demo .item .bg-list-tit{ height:56px; overflow:hidden; bottom:0; position:absolute; text-align:center; width:100%;}
#owl-demo .item .bg-list-tit h4{ margin:0 auto; display:inline-block; border-bottom:2px solid #e2e2e2; font-weight:normal; font-size:18px; line-height:54px; padding-left:10px; padding-right:10px;}
#owl-demo .item .bg-list-more{ width:100%; position:absolute; bottom:0; background:url(../images/i_por_pic1.png) center 38px no-repeat #3c3a38; height:56px; line-height:46px; font-size:14px; color:#fff; text-align:center;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
#owl-demo .item .i_pro_bg{position:absolute; width:100%; bottom:56px; /*height:100%;*/height:89%;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0; left:0;}
#owl-demo .item .bg-list-yew{ position:absolute; width:100%; bottom:0px; height:30%; background-color:#0068b7; text-align:center; color:#fff;}
#owl-demo .item .bg-list-yew h5{  border-bottom:2px solid #fff; font-weight:normal; font-size:18px; line-height:54px; padding-left:10px; padding-right:10px; display:inline-block; margin-top:9%;}
#owl-demo .item .bg-list-hs{ max-height:316px; height:70%; position:absolute; bottom:30%; background:url(../images/i_por_pic2.png) center top no-repeat; background-size:100% 100%; width:100%;}
#owl-demo .item .bg-list-hs p{ width:80%; margin:0 auto; margin-top:10%; color:#fefefe; font-size:14px; height:50%; overflow:hidden; line-height:22px; max-height:198px;}


/*首页产品*/
#owl-demo2{ /*background-color:#f9f9f9;*/ margin-top:3%; text-align:center; padding-bottom:2%;}
#owl-demo2.owl-theme .owl-controls .owl-buttons{ position:absolute; top:25%; width:100%; left:0; height:0;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:59px; height:90px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/i_case_left.png) no-repeat; float:left;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/i_case_left_on.png) no-repeat;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/i_case_right.png) no-repeat; float:right;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/i_case_right_on.png) no-repeat; }

#owl-demo2.owl-theme .owl-controls .owl-page{ display:inline-block;}

#owl-demo2 .item{margin: 0px; padding-bottom:20px; /*background:url(../images/i_bg2.png) right center no-repeat;*/}
#owl-demo2 .item img{display: block;height: 100%;width: 95%; margin:0 auto;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
#owl-demo2 .item dd{ width:100%; margin:0 auto; max-width:424px;margin-bottom:10px;}
#owl-demo2 .item dd .imgs{ position:relative; width:100%; overflow:hidden;}
#owl-demo2 .item dd .imgs p{ position:absolute; width:100%; height:100%; background:url(../images/i_bg5.png) center center no-repeat; top:0; text-align:center;opacity:0; filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
#owl-demo2 .item dd h2{  font-weight:normal; font-weight:bold; color:#434343; width:95%; margin:0 auto; background-color:#fff; margin-top:2px; font-size:16px; line-height:26px; overflow:hidden; padding:20px 0}
#owl-demo2 .item dd:hover img{-webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -o-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1);}

#owl-demo2 .item dd:hover .imgs p{opacity:1; filter:alpha(opacity=100);}

@media screen and (max-width: 1600px) {
#owl-demo .item{ height:350px;}
#owl-demo .item .i_pro_bg{ height:88%;}
/*#owl-demo .item:hover .bg-list-img{ height:90%;}*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-18%;}
}
@media screen and (max-width: 1280px) {
#owl-demo .item{ height:360px;}
.owl-theme .owl-controls .owl-buttons div{ margin-top:-20%;}
}

@media screen and (max-width:979px) {
/*案例*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-24%;}
#owl-demo .item{ height:330px;}
#owl-demo .item .i_pro_bg{ height:82%;}
/*#owl-demo .item:hover .bg-list-img{ height:83%;}*/
#owl-demo .item .bg-list-hs p{ height:110px;}

}

@media screen and (max-width:789px) {
/*案例*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-27%;}
#owl-demo .item{ height:300px;}
#owl-demo .item .i_pro_bg{ height:82%;}
/*#owl-demo .item:hover .bg-list-img{ height:83%;}*/
}

@media screen and (max-width: 780px) {
.owl-theme .owl-controls .owl-buttons div{ margin-top:-33%;}
/*关于我们*/
.i_about .imgs{ width:94%; margin-left:3%;}
.i_about .i_about_r{ width:94%; padding-top:2%; padding-bottom:1%; margin-right:3%;}
}
@media screen and (max-width: 640px) {
.i_pro_t{ font-size:30px;}
/*首页产品*/
#owl-demo2.owl-theme .owl-controls .owl-buttons{ display:none;}
/*案例*/
#owl-demo.owl-theme .owl-controls .owl-buttons{ display:none;}
#owl-demo .item{ height:300px;}



}
@media screen and (max-width: 480px) {
/*案例*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-70%;}
#owl-demo .item{ height:250px;}
#owl-demo .item .bg-list-hs p{ height:88px;}
}

@media screen and (max-width:320px) {
/*案例*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-88%;}
#owl-demo .item{ height:200px;}

}